{# empty Twig template #}
{# empty Twig template #}
{# empty Twig template #}
{% extends'CNAMActimanBundle::layoutBody.html.twig' %}
{% block body %}
    
    {% block content %}
        <div class="col-lg-12">
            <h2><center>{{ proc.acProcedure.nomProcedure }}</center></h2>
        </div>
        <div class="col-lg-12">
            <hr align="center" width="90%" size="5">
            <h2><small>Responsable Procédure : {{ proc.acProcedure.user.nomUser }} {{ proc.acProcedure.user.prenomUser }}</small>
            <br><small>Date de création : {{ proc.acProcedure.dateCreation|date('d-m-Y') }}</small>
            <br><small>Date de modification : {{ proc.acProcedure.dateModification|date('d-m-Y') }}</small>
            <br><small>Service : {{ proc.acProcedure.service.nomService }}</small>
            </h2>
        </div>
        {% for phase in list_phase %}
        <div class="col-lg-12">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">{{ phase.Phase.nomPhase }}</h3>
                </div>
                <div class="panel-body">
                    <div class="col-lg-2">
                        <span class="label label-info">Date de début planifiée : {{ phase.dateDebutPhase|date('d-m-Y') }}</span>
                        <br /><span class="label label-info">Date de fin planifiée : {{ phase.dateFinPhase|date('d-m-Y') }}</span>
                    </div>
                    <div class="col-lg-10">
                        {% for tache in list_tache %}
                            {% if tache.phasePlanifiee.id == phase.id %}
                                <div class="panel panel-info">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">{{ tache.nomTache }}</h3>
                                    </div>
                                    <div class="panel-body">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-hover table-striped tablesorter">
                                                <thead>
                                                    <tr>
                                                        <th width="24%">Agent</th>
                                                        <th width="19%">Date de début planifiée</th>
                                                        <th width="19%">Date de fin planifiée</th>
                                                        <th width="19%">Date de début réel</th>
                                                        <th width="19%">Date de fin réel</th>
                                                    </tr>
                                                </thead>             
                                                <tbody>
                                                    <tr>
                                                        <td>{{ tache.user.nomUser }} {{ tache.user.prenomUser }}</td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                    </tr>                                             
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-hover table-striped tablesorter">
                                                <thead>
                                                    <tr>
                                                        <th>Avancement</th>
                                                    </tr>
                                                </thead>             
                                                <tbody>
                                                    <tr>
                                                        <td><div class="progress progress-striped active">
                                                                <div class="progress-bar" style="width:{{ tache.avancementTache }}%"></div>
                                                            </div>
                                                        </td>
                                                    </tr>                                             
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-hover table-striped tablesorter">
                                                <thead>
                                                    <tr>
                                                        <th width="50%">Commentaires</th>
                                                        <th width="50%">Résultat</th>
                                                    </tr>
                                                </thead>             
                                                <tbody>
                                                    <tr>
                                                        <td>{{ tache.commentaires }}</td>
                                                        <td>{{ tache.resultatTache }}</td>
                                                    </tr>                                             
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            {% endif %}
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}                      
    {% endblock%}
    
{% endblock%}{# empty Twig template #}
